<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    
        <%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href='<%=basePath%>'>
<script src="res/js/jquery-2.1.4.min.js" type="text/javascript"></script>
<script src="res/js/echarts.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>分店销售图形</title>
</head>
<body>
<div id="main" style="width: 1200px;height:800px;"></div>
</body>
<script type="text/javascript">
// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));
/* data = [["2000-06-05",116],["2000-06-06",129],["2000-06-07",135],["2000-06-08",86],["2000-06-09",73],["2000-06-10",85],["2000-06-11",73],["2000-06-12",68],["2000-06-13",92],["2000-06-14",130],["2000-06-15",245],["2000-06-16",139],["2000-06-17",115],["2000-06-18",111],["2000-06-19",309],["2000-06-20",206],["2000-06-21",137],["2000-06-22",128],["2000-06-23",85],["2000-06-24",94],["2000-06-25",71],["2000-06-26",106],["2000-06-27",84],["2000-06-28",93],["2000-06-29",85],["2000-06-30",73],["2000-07-01",83],["2000-07-02",125],["2000-07-03",107],["2000-07-04",82],["2000-07-05",44],["2000-07-06",72],["2000-07-07",106],["2000-07-08",107],["2000-07-09",66],["2000-07-10",91],["2000-07-11",92],["2000-07-12",113],["2000-07-13",107],["2000-07-14",131],["2000-07-15",111],["2000-07-16",64],["2000-07-17",69],["2000-07-18",88],["2000-07-19",77],["2000-07-20",83],["2000-07-21",111],["2000-07-22",57],["2000-07-23",55],["2000-07-24",60]]; */
	

	var data = [];
	var url = "money/selectMoneyByAnnexId.action";
	$.post(url,null,function(money){
		
	for(var i = 0; i < money.money.length; i++){
		data.push([  money.money[i].optime,money.money[i].MONEY_SUMMONEY]);

	}
	
	var dateList = data.map(function (item) {
	    return item[0];
	});
	var valueList = data.map(function (item) {
	    return item[1];
	});

	option = {
        visualMap: [{
            show: false,
            type: 'continuous',
            seriesIndex: 0,
            min: 0,
            max: 400
        }],
        title: [{
            left: 'center',
            text: money.year+'年'+money.month+'月分店销售盈利情况曲线图'
        }],
        tooltip: {
            trigger: 'axis'
        },
        xAxis: [{
            data: dateList
            
        }],
        yAxis: [{
            splitLine: {show: false}
        } ],
        grid: [{
            bottom: '20%'
        }, {
            top: '0%'
        }],
        series: [{
            type: 'line',
            showSymbol: false,
            data: valueList
        }]
    };

	// 使用刚指定的配置项和数据显示图表。
	myChart.setOption(option);
});
	

</script>
</html>